<template lang="pug">
  .container
    .weui-flex.navbar
      .weui-flex__item
        img(v-if="activeRoute === 'fruits'" src="/img/1@theme-head.png")
        img(v-else-if="activeRoute === 'greens'" src="/img/2@theme-head.png")
        img(v-else-if="activeRoute === 'dry'" src="/img/3@theme.png")
    box

</template>
<script>
import box from '~/components/box.vue'
import { mapState } from 'vuex'
export default {
  components: { box },

  beforeCreate() {
    // let type = this.$route.path.replace("/select/", "")
    // if ()
  },
  computed: {
    activeRoute(){
      let type = this.$route.path.replace("/select/", "")
      return type
    }
  },
}
</script>
<style lang="sass" scoped>
.container
  .navbar
    margin-bottom: 8px
    img
      width: 100%
      height: 180px
</style>

